<template>
  <div class="app">
    <div :style="str">你好1</div>
    <div :style="obj">你好2</div>
    <div :style="arr">你好3</div>
  </div>
</template>

<script>
  export default {
    name:'App',
    data() {
      return {
        str:'color:red',
        obj:{
          color:'red',
          fontSize:'30px',
          backgroundColor:'yellow'
        },
        arr:[
          {
            color:'red',
            fontSize:'30px',
            backgroundColor:'green'
          },
          {
            borderRadius:'30px'
          }
        ]
      }
    },
  }
</script>

